<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>
        <%= process.env.NODE_ENV=="release"? "快事开始s": "选择模式" %>
    </title>
    @require('../template/tpl_header.tpl')
    <link rel="stylesheet" href="//page.cashtoutiao.com/cdnjs/swiper-3.4.2/css/swiper.min.css" />
</head>

<body>
    <div class="up_back">
        <div>
            <img src="../../assets/img/left_arrow.png" alt="" class="left_back" onclick="window.open('/game_start.html','_self')">
            <div class="title">深海抢答专场</div>
        </div>
        <div class="desc">
            <p>说明,根据用户教材年纪推送相关题目，重点推平时老师讲的作业和涉及到的知识点，并且在抢答完成后自动将错题加入错题本</p>
        </div>
    </div>
    <div class="mode_parent">
        <div class="img_mode">
            <img class="mode_left" src="../../assets/img/mode_left.png" alt="">
            <img class="mode_middle" src="../../assets/img/model_middle.png" alt="">
            <img class="mode_right" src="../../assets/img/mode_right.png" alt="">
        </div>
        <div class="btn_mode">
            <img class="mode_left_btn" src="../../assets/img/mode_left_btn.png" alt="">
            <img class="mode_right_btn" src="../../assets/img/mode_right_btn.png" alt="" onclick="window.open('/gameRule.html','_self')">

        </div>
    </div>
    <img src="../../assets/img/join_home.png" alt="" class="board_column">
    <script src="//page.cashtoutiao.com/cdnjs/jquery-3.3.1/jquery.min.js"></script>
</body>

</html>